<template>
	<view class="content">
		<view class="table">
			<view class="item">
				<view class="title">登录账号：</view>
				<view>12453465465465</view>
			</view>
			<view class="line"></view>

			<view class="item">
				<view class="title">联系 Q Q：</view>
				<u-input placeholder="联系QQ" v-model="form.username" />
			</view>
			<view class="line"></view>

			<view class="item">
				<view class="title">联系 Email：</view>
				<u-input placeholder="联系Email" v-model="form.email" />
			</view>
			<view class="line"></view>

			<view class="item">
				<view class="title">QQ群链接：</view>
				<view>下级普通会员入群链接
					<span @click="handleLook">查看获取方式</span>
				</view>
			</view>
			<view class="line"></view>

			<view class="item">
				<view class="title">微 信 号：</view>
				<u-input placeholder="微信号" v-model="form.weixin" />
			</view>
			<view class="line"></view>

			<view class="item">
				<view class="title">微信二维码：</view>
				<view>
					<u-button>
						<u-upload></u-upload>
					</u-button>
				</view>
			</view>
			<view class="line"></view>
			
			<view class="space"></view>
			<view class="line"></view>

			<view class="item">
				<u-button @click="handleSubmit" type="primary" >提交</u-button>
				<u-button @click="handleBack" :custom-style="{background: '#6b757f', color: '#fff', marginLeft: '40rpx'}">返回</u-button>
			</view>

		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			form: {
				username: '12121212',
				qq: '1',
				email: '12@.qq.com',
				weixin: '222'
			},
			action: 'http://www.example.com/upload',
			fileList: [
				{
					url: 'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1886.jpg',
				}
			]
		}
	},
	onLoad(option) {
		// console.log("Personal 页面", option)
	},
	methods: {
		handleSubmit() {
			console.log('提交：', this.form)
		},
		handleBack() {
			uni.navigateBack({
				delte: 1
			})
		},
		handleLook() {
			window.open('https://uniapp.dcloud.net.cn/component/input.html')
		}
	}
}
</script>

<style scoped lang="scss">
.content {
	padding: 0 40rpx;

	.table {
		padding: 20rpx 0;
		border: 2rpx solid #d7d7d7;
		border-radius: 10rpx;
		font-size: 24rpx;

		.item {
			display: flex;
			align-items: center;
			margin: 0 20rpx;

			.title {
				font-weight: 600;
			}
			span {
				color: #4e8de2;
			}
		}

		.space {
			height: 60rpx;
		}

		.line {
			margin: 20rpx 0;
			height: 2rpx;
			background-color: #e8e8e8;
		}
	}
}
</style>
